import React, { Component } from 'react';
import './pulldown.css';


class Demo extends Component{
    constructor(props) {
        super(props);
        this.state = {
            display: true
        }
        this.handleshow = this.handleshow.bind(this)
        this.handlehide = this.handlehide.bind(this)
    }
    render() {
        return (
            <div className="pull">
			
				<div className="pp">
					<p style={{
						display: 'inline-block',display: 'block'
						}} >你是我的唯一</p>
					<p className={this.state.display?"active":"active1"}>你是我的唯一</p>
					<p className={this.state.display?"active":"active1"}>你是我的唯一</p>
				</div>
				<div className="btn">
					<button onClick={this.handlehide}>↑</button>
					<button onClick={this.handleshow}>↓</button>
				</div>
            </div>
        )
    }
    handleshow() {
        this.setState({
            display:true
        })
    }
    handlehide() {
        this.setState({
            display:false
        })
    }
}
export default Demo;